<template>
    <el-container>
        <el-header style="border-bottom: 1px solid #64b587be;height:50px;background-color: #41B883;">
            <el-row :span="20" style="margin: 8px 10px;">
                <el-col :span="1">
                    <a style="font-size: 30px;">
                        <i class="el-icon-arrow-left" @click="goTo()" style="color:white;"></i>
                    </a>
                </el-col>
                <el-col :span="12" :offset="6">
                    <div style="color:white;">我的收货地址</div>
                </el-col>
            </el-row>
        </el-header>
        <el-main>
            <el-row>
                <el-col style="margin-right:10px;">派大夕</el-col>
                <el-col style="color:gray;margin-top:4px;font-size:18px;">比奇堡海滩</el-col>
            </el-row>
            <el-row v-for="name in names" v-bind:key="name">{{name}}
            </el-row>
        </el-main>
        <el-footer>
            <el-button type="primary" style="width:300px;font-size:22px"
            @click="open">添加收货地址
            </el-button>
            <!-- <el-button type="primary" style="width:300px;font-size:22px"
            @click="dialogVisible = true">添加抬头</el-button> -->
        </el-footer>
    </el-container>
</template>

<script>
export default({
    name:"MAddress",
    data() {
        return{
            list:[],
        }
    },
    methods:{
        goTo(){
            this.$router.push({path:'/persons'})
        },
        handleChange(val) {
            console.log(val);
        },
        /*open(){
            this.$prompt('请输入',{center: true}
            ).then(({ value }) => {
                this.names.push(value);
                this.address.push()
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '取消输入',
                    center: true
                });       
            });
        },*/
    }
})
</script>

<style scoped>
    .el-container{
        height: 812px;
        width: 375px;
        display: flex;
        font-size: 25px;
        /*background-color: wheat;*/
    }

    .el-header,.el-main{
        /*background-color: #64b587be;*/
        padding: 0;
    }

    .el-main{
        border-top: 1px solid #64b5873f;
        width: 100%;
    }

    .el-main .el-row{
        padding: 10px;
        margin: 15px;
        height: 70px;
        background-color: white;
        border-radius: 4px;
        font-size: 20px;
    }
        
</style>